<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="/bower_components/osc.js/dist/osc-browser.min.js"></script>
<script src="bower_components/codemirror/lib/codemirror.js"></script>
<script src="bower_components/codemirror/addon/edit/matchbrackets.js"></script>
<script src="bower_components/codemirror/mode/ruby/ruby.js"></script>

<link rel="stylesheet" href="bower_components/codemirror/lib/codemirror.css">

<div id="buttons">
  <button v-on:click="runCode">Run</button>
  <button v-on:click="stopCode">Stop</button>
</div>

<textarea id="code-editor">## Loading Buffer...
</textarea>

<div id="info-log">
  <ol>
    <li v-for="log in logs">
      {{ log }}
    </li>
  </ol>
</div>

<div id="debug-log">
  <ol>
    <li v-for="log in logs">
      {{ log }}
    </li>
  </ol>
</div>

<script src="/js/main.js"></script>
